<template>
  <view class="main_box">
    <view class="time">{{ data.createTime }}</view>
    <view class="fw">{{ data.location }}</view>
    <view class="user">{{ data.createUserName }}</view>
    <view class="flex img_list" v-if="data.imgUrl">
      <view class="img_box" v-for="item in JSON.parse(data.imgUrl)" :key="item" >
        <image :src="item" mode="aspectFill" style="width: 168rpx;height: 104rpx; border-radius: 10rpx"></image>
      </view>
    </view>
    <view class="remark">备注:{{ data.remark }}</view>
  </view>
</template>

<script>
import Vue from 'vue'

export default {
  name: 'workLog',
  props: {
    data: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      imgUrlList: [],
    }
  },

  computed: {

  },
  onLoad(options) {},
  mounted() {},
  methods: {},
}
</script>

<style scoped lang="scss">
.main_box {
  padding: 20rpx;
  .time {
    color: rgb(153, 153, 153);
    font-size: 26rpx;
  }
  .fw {
    font-weight: bold;
    height: 50rpx;
    display: flex;
    align-items: center;
  }
  .user {
    color: rgb(51, 51, 51);
    height: 50rpx;
  }
  .img_box {
    margin-right: 40rpx;
  }
  .img_list {
    display: flex;
    overflow-x: auto;
  }
  .remark {
    color: rgb(153, 153, 153);
    font-size: 26rpx;
  }
}
</style>
